<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    *{
      margin: 0;
      padding: 0;
    }
    div{
      width: 800px;
      height: 78px;
      line-height: 78px;
      font-size: 75px;
      font-weight: bold;
      border: 1px solid #000;
      margin: 200px auto;
      background-color: red;
      color: transparent;
      -webkit-background-clip: text;
      background-image: url("image/img_1.jpg") ;
      background-repeat: no-repeat;
      background-position: -820px 0;
      animation: loop 7s  infinite;

    }
    @keyframes loop {
      from{
        background-position: -820px 0;
      }
      to{
        background-position: 0 0;
      }
    }
  </style>
</head>
<body>
<div>伤过的心,就像玻璃碎片</div>
</body>
</html>